<template>
    <div>
        <header v-if="fatherComponent == 'show'">
            <router-link to="/">
                <!-- <i class="el-icon-news"></i> -->
                HoneyComb
            </router-link>
        </header>
    </div>

</template>

<script>
export default {
    props: ["fatherComponent"],
    data () {
        return {
            admin: "",
            nickname: undefined,

            input: ""
        };
    },
    methods: {

    }
}
</script>

<style lang="less" scoped>
header {
    margin: 0;
    background-color: #409eff;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    a {
        color: #fff;
        border-radius: 5px;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        margin: 0 2%;
        text-decoration: none;
        text-align: center;
        &:visited {
            color: #fff;
        }
        &:last-of-type {
            width: 100px;
        }
        &:last-child:hover {
            background-color: #b3d8ff;
            color: #409eff;
            transition: all 0.3s;
        }
        &:first-of-type:hover {
            cursor: pointer;
        }
    }
}

.flt-right {
    float: right;
}

.content {
    background-color: red;
    height: 100px;
}
</style>
